<!DOCTYPE html>
<html>
	<head>
		<title>服务管理</title>
		<#include "../base/head.ftl" />
	</head>
	<body>
		<div id="application">
			<div class="head"></div>
			<div class="menu">
				<i-menu v-bind:theme="menu.theme" v-bind:accordion="menu.accordion" v-bind:open-names="menu.defaultOpenNames" v-bind:active-name="menu.defaultActiveName">
					<Submenu name="overview">
						<template slot="title">
							<Icon type="home"></Icon>服务概览
						</template>
						<router-link to="/overview/dashboard">
							<Menu-item name="overview-dashboard"><Icon type="speedometer"></Icon>概览</Menu-item>
						</router-link>
						<router-link to="/overview/servers">
							<Menu-item name="overview-servers"><Icon type="monitor"></Icon>主机</Menu-item>
						</router-link>
						<router-link to="/overview/provider">
							<Menu-item name="overview-provider"><Icon type="arrow-graph-up-right"></Icon>提供者</Menu-item>
						</router-link>
						<router-link to="/overview/consumer">
							<Menu-item name="overview-consumer"><Icon type="arrow-graph-down-right"></Icon>消费者</Menu-item>
						</router-link>
					</Submenu>
					<Submenu name="service">
						<template slot="title">
							<Icon type="ios-gear-outline"></Icon>服务管理
						</template>
						<Menu-item name="service-list">服务列表</Menu-item>
						<Menu-item name="service-status">服务状态</Menu-item>
						<Menu-item name="service-configuration">服务配置</Menu-item>
					</Submenu>
				</i-menu>
			</div>
			<div class="body">
				<router-view></router-view>
			</div>
		</div>
	</body>
	<script>
		const routes = [];
	</script>
	<#include "overview/dashboard.ftl" />
	<#include "overview/servers.ftl" />
	<#include "overview/provider.ftl" />
	<#include "overview/consumer.ftl" />
	<script>
		Vue.prototype.$http = axios;
		new Vue({
			el:"#application",
			router:new VueRouter({
				routes:routes
			}),
			data:function(){
				return {
					menu:{
						theme:"dark",
						accordion:true,
						defaultOpenNames:["overview"],
						defaultActiveName:"overview-dashboard"
					}
				}
			}
		});
	</script>
</html>